.date-picker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 990;
    width: 300px;
    height: 250px;
}
.date-picker-wrapper {
    background: #FFF;
    position: relative;
    height: 220px;
    overflow: hidden;
}
.date-picker-list {
    font-size: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.date-picker-item {
    font-size: 18px;
    display: inline-block;
    width: 14.28%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    /*-webkit-transition: all 200ms ease-out;*/
    cursor: default;
}
.date-picker-item.hidden {
    color: #ddd;
}
.date-picker-item.date:hover {
    box-shadow: inset 0px -40px 0px 0px #E95D0F,
    inset 0px 40px 0px 0px #E95D0F,
    inset 40px 0px 0px 0px #E95D0F,
    inset -40px 0px 0px 0px #E95D0F;
    color: #FFF;
    cursor: pointer;
}
.date-picker-item.hidden:hover {
    box-shadow: inset 0px -40px 0px 0px #dcdcdc,
    inset 0px 40px 0px 0px #dcdcdc,
    inset 40px 0px 0px 0px #dcdcdc,
    inset -40px 0px 0px 0px #dcdcdc;
    cursor: pointer;
}
.date-picker-item.month,.date-picker-item.year {
    width: 25%;
    height: 70px;
    line-height: 70px;
}
.date-picker-item.month:hover, .date-picker-item.year:hover {
    box-shadow: inset 0px -40px 0px 0px #E95D0F,
    inset 0px 40px 0px 0px #E95D0F,
    inset 40px 0px 0px 0px #E95D0F,
    inset -40px 0px 0px 0px #E95D0F;
    color: #FFF;
    cursor: pointer;
}
.date-picker-head {
    height: 30px;
    display: -webkit-box;
    background: #EEE;
}
.date-picker-prev, .date-picker-next, .date-picker-current {
    width: 40px;
    text-align: center;
    cursor: pointer;
}
.date-picker-current {
    background: #DDD;
}
.date-picker-master {
    cursor: pointer;
    -webkit-box-flex: 1;
    text-align: center;
    text-indent: -40px;
}